<template>
	<view class="">
		<!-- 搜索框 -->
		<view class="search">
			<view class="search_input">
				<input class="search_input_input" type="text" style="width: 200upx;" placeholder-class="place" placeholder="儿童加绒外套49.9" />
				<i class="icon search_icon"> &#xe605; </i>
				<i class="icon error_icon"> &#xe66f; </i>
			</view>
		</view>
		<!-- 轮播图 -->
		<swiper indicator-dots="true" class="swiper_banner">
			<swiper-item v-for="( item, index ) in swiper_banner" :key = "index ">
				<image class="swiper_banner_pic" :src="item.src" mode=""></image>
			</swiper-item>
		</swiper>
		<!-- 首页入口导航栏 -->
		<view class="entrance">
			<image 
			@tap="toacvive(index)"
			v-for="(item, index) in entrance"
			:src="item.pic"  mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiper_banner:[
					{src:'../../static/logo.png'},
					{src:'../../static/logo.png'},
					{src:'../../static/logo.png'}
				],
				entrance: [
					{pic:'../../static/image/mine/index/entrance01.png'},
					{pic:'../../static/image/mine/index/entrance02.png'},
					{pic:'../../static/image/mine/index/entrance03.png'},
					{pic:'../../static/image/mine/index/entrance03.png'},
					{pic:'../../static/image/mine/index/entrance04.png'},
					{pic:'../../static/image/mine/index/entrance05.png'}
				]
			}
		},
		onLoad() {

		},
		methods: {
			toacvive (index) {
				switch (index){
					case 0:
					uni.navigateTo({
						url: '/pageA/seckill/seckill'
					})
						break;
					case 1:
					uni.navigateTo({
						url: '/pageA/lottery/lottery'
					})
						break;
					case 2:
					uni.navigateTo({
						url: '/pageA/groupbooking/groupbooking'
					})
						break;
					case 3:
					uni.navigateTo({
						url: '/pageA/free/free'
					})
						break;
					case 4:
					uni.navigateTo({
						url: '/pageA/signin/signin'
					})
						break;
					case 5:
					uni.navigateTo({
						url: '/pageA/integral/integral'
					})
						break;
					default:
						break;
				}
			}
		}
	}
</script>

<style lang="less" scoped>
// @import  url('../../static/scss/index/index.scss')
@import  url('../../static/scss/index/index.less');
</style>
<style>
	page {
		background-color: #FFFFFF;
	}
</style>
